<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<canvas id="canvas" width="400" height="400" ></canvas>

</body>
</html>

<style type="text/css">
	canvas{border: 1px solid #000;}
</style>

<script type="text/javascript">
	var canvas = document.getElementById("canvas");
	var context = canvas.getContext('2d');

	context.fillStyle = '#ff000';
	context.fillRect(50,50,150,75)



</script>